/* 商品详情样式 */

.goods-main {
	width: 1000px;
	margin: 0 auto;
	display:flex;
}

/* 左边详情 */
.goods-content {
	width: 800px;
}

/* 路径导航 */
.breadcrumb-title{
	width:1000px;
	margin:10px auto;
	font-size: 14px;
	color: #ccc;
}

.breadcrumb-title span{
	margin: 0px 8px;
}

.breadcrumb-title a{
	color: #666;
}

.breadcrumb-title .now-breadcrumb{
	color:#999;
}

.goods-list {
	width: 800px;
	display: flex;
}

.goods-lcontent{
	width:350px;
	height:350px;
	position:relative;
}

.goods-img {
	width: 350px;
	height: 350px;
	position: relative;
	overflow: hidden;
}

.slide{
	width:150px;
	height: 150px;
	background-color: rgba(0, 0, 0, .25);
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	cursor: move;
}

.goods-glass{
	width: 350px;
	height: 350px;
	position:absolute;
	top:0px;
	left:370px;
	background-color: #666;
	z-index: 99;
	overflow: hidden;
	display: none;
}

.goods-glass img{
	position: absolute;
	top:0px;
	left: 0px;
}

.list-img {
	/* width: 1400px; */
	height: 350px;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: .5s;
}

.goods-img .list-img>li {
	width: 350px;
	height: 350px;
	float: left;
}

.goods-img .list-img li>a>img {
	width: 350px;
	height: 350px;
}

.btn-box {
	width: 350px;
	height: 80px;
	padding-top: 15px;
	margin-top: 10px;
	position: relative;
}

.box-list-content{
	width: 350px;
	height: 80px;
	position: relative;
	overflow: hidden;
}

.box-list {
	/* 宽度js设置 */
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
	z-index: 98;
}

.box-list>li {
	width: 63px;
	height: 63px;
	margin: 0px 5px 0px 0px;
	border: 1px solid white;
	float: left;
}

.box-list>li:hover{
	border: 1px solid #333;
}

.box-list>li:nth-of-type(1) {
	border: 1px solid #333;
}

.box-list>li>a {
	cursor: pointer;
	z-index: 99;
}

.box-list>li>a>img {
	width: 63px;
	height: 63px;
}

.left-arrow,
.right-arrow {
	width: 10px;
	height: 18px;
	position: absolute;
	top: 40px;
	cursor: pointer;
}

.left-arrow {
	left: -20px;
	background: url("../img/left_arrow.png") no-repeat;
	background-size: 10px 18px;
}

.right-arrow {
	background: url("../img/right_arrow.png") no-repeat;
	background-size: 10px 18px;
	right: -10px;
}

.middle-brand {
	width: 330px;
	margin: 0px 40px;
}

.middle-brand>div {
	margin: 5px 0px;
	color: #999;
	font-size: 12px;
}

.middle-brand>div:first-of-type {
	height: 25px;
}

.middle-brand>div:first-of-type>span:first-of-type {
	font-size: 20px;
	line-height: 17px;
	color: #333;
	cursor:pointer;
}

.middle-brand>div:first-of-type>span:last-of-type {
	font-size: 15px;
	color: #333;
	position: relative;
	top: -3px;
	left: 5px;
}

.middle-brand>div:nth-of-type(2)>a {
	color: #878787;
	font-size: 24px;
}

.middle-brand>div:nth-of-type(3) {
	font-size: 20px;
	color: #333;
}

.middle-brand>div:nth-of-type(4)>span:first-of-type {
	margin-right: 10px;
}

.middle-brand>div:nth-of-type(4)>span:last-of-type {
	color: rgb(16, 131, 255);
	font-size: 18px;
}

.middle-brand>div:nth-of-type(5) {
	width: 300px;
	padding-left: 44px;
	margin-top: 32px;
}

.middle-brand>div:nth-of-type(5)>span:first-of-type {
	background: url("../img/plane.png") no-repeat 0px 2px;
	background-size: 14px 14px;
	padding-left: 17px;
	color: #999;
}

.middle-brand>div:nth-of-type(5)>span:last-of-type {
	background: url("../img/authorize.png") no-repeat 0px 2px;
	background-size: 12px 14px;
	padding-left: 17px;
	color: #999;
}

.middle-brand>div:nth-of-type(6) {
	display: flex;
	width:310px;
	/* height:120px; */
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.middle-brand>div:nth-of-type(6)>p {
	width: 50px;
	height: 50px;
	color: #333;
	margin: 5px 5px 10px;
	border:1px solid transparent;
}

.middle-brand>div:nth-of-type(6)>p:nth-of-type(1){
	border:1px solid #333;
}

.middle-brand>div:nth-of-type(6)>p:hover{
	border:1px solid #333;
}

.middle-brand>.brand-color>p>img {
	width: 50px;
	height: 50px;
}

.middle-brand>div:nth-of-type(7)>span{
	margin-right:8px;
}

.middle-brand>div:nth-of-type(7)>img{
	cursor:pointer;
	width:13px;
	height:13px;
}

.middle-brand>div:nth-of-type(7)>input{
	width:54px;
	height:24px;
	margin:0px 7px;
	text-align:center;
	outline:none;
	color:#666;
	border:1px solid #999;
}

.middle-brand>div:nth-of-type(8)>button{
	width:330px;
	height:42px;
	background:#000;
	line-height:42px;
	color:#fff;
	font-size:18px;
	margin-top:15px;
}

.middle-brand>div:nth-of-type(9){
	margin-top:10px;
}

.middle-brand>div:nth-of-type(9)>a{
	color:#000;
	width:160px;
	height:32px;
	float:left;
	font-size:13px;
	line-height:32px;
	text-align:center;
	background-color:#fff;
	border:1px solid #000;
}

.middle-brand>div:nth-of-type(9)>a:nth-of-type(1){
	background:url("../img/add-cart.png") no-repeat 30px 8px;
	background-size:15px 15px;
	cursor: pointer;
}

.middle-brand>div:nth-of-type(9)>a:nth-of-type(2){
	background:url("../img/share.png") no-repeat 45px 7px;
	background-size:13px 17px;
	margin-left:6px;
}

/* 下面的详情图片样式 */
.goods-contentImg{
	width:720px;
	margin-top:40px;
}

.goods-contentImg img{
	width:100%;
}

/* 品牌简介等文字样式 */
.goods-brandContent{
	margin-top:30px;
	color:#262626;
	font-size:17px;
	background:url("../img/goods-brand.png") no-repeat left center;
	background-size:20px 21px;
	padding:0px 0px 2px 26px;
}

.brand-describe{
	color:#333;
	font-size:12px;
	line-height:24px;
	margin-top:20px;
	width:718px;
}

.goods-guideContent{
	margin-top:30px;
	color:#262626;
	font-size:17px;
	background:url("../img/guide.png") no-repeat left center;
	background-size:20px 21px;
	padding:0px 0px 2px 26px;
}

.guide-describe{
	font-size:12px;
	color:#333;
}

.guide-describe>p:nth-of-type(1){
	margin-top:20px;
}

/* 售后须知*/
.guide-describe>a{
	float:left;
	margin:40px 0px 10px 0px;
	width:110px;
	height:28px;
	border:1px solid #000;
	text-align:center;
	color:#333;
	line-height:28px;
	border-radius:2px;
	cursor: pointer;
	position: relative;
}

.tips {
    padding: 20px;
    width: 650px;
    height: 700px;
    position: absolute;
    background-color: #fff;
    top:-750px;
    left: 0px;
    text-align: start;
		display:none;
    z-index: 10;
    border: 2px solid #ededed;
    border-radius: 5px;
    box-shadow: 4px 4px 4px #ededed ;
}
.tips p{
    margin-bottom: 3px;
}

/* 右边猜你喜欢样式 */
.goods-like{
	width:200px;
	float:right;
}

.goods-like>p{
	font-size:14px;
	font-weight:bold;
	font-color:#000;
	margin-top:35px;
}

.changeImg{
	cursor: pointer;
	margin-left: 10px;
}

.changeImg:hover{
	text-decoration: underline;
	color:#666;
}

.like-list {
	width:200px;
}

.like-list>li{
	width:100%;
	height:320px;
	color:#333;
}

.like-list>li:nth-of-type(1){
	margin-top:10px;
}

.like-list>li>img{
	width:200px;
}

.like-list>li>p{
	font-size:12px;
	margin-top:7px;
}

.like-list>li>p:nth-of-type(2){
	color:#999;
}

.like-list>li>p:nth-of-type(3)>span:nth-of-type(1){
	color:#3193F3;
	font-size:14px;
}

.like-list>li>p:nth-of-type(3)>span:nth-of-type(2){
	color:#999;
	text-decoration:line-through;
}